<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>学生</title>
    <style>
        .box{
            width: 1200px;
            height: 900px;
            margin: 0 auto;
        }
        .top{
            width: 1200px;
            height: 50px;
        }
        .top p{
            font-family: "微软雅黑";
            color:#545454;
            display: inline-block;
        }
        .top a{
            float: right;
            line-height: 50px;
            text-decoration: none;
            font-size: 20px;
            color:#545454;
        }
        .centre{
            width: 250px;
            height: 600px;
            background-color: #DADADA;
            border-radius: 20px;
            margin-top: 20px;
            float: left;
        }
        .contre2{
            width: 920px;
            height:600px;
            margin-top: 3px;
            float: right;

        }
        .a1{
            width: 920px;
            height: 50px;
            border:solid #DADADA;
            border-radius: 10px;
            margin-top: 20px;
            color:#545454;
        }
        .a1 input{
            width: 400px;
            height: 39px;
            margin-top: 3px;
            border: none;
            font-size: 20px;
            outline: none;
        }

        .contre2 table{
            width:890px;
            height:100px;
            border: solid 1px gray;
            border-collapse: collapse;
            margin: 40px auto;
        }
        th,td{
            width: 250px;
            height: 50px;
            border: solid 1px gray;
        }
        tr th{
            color: gray;
            background-color: #F5F5F6;
        }
        .content a{
            width: 90px;
            height: 40px;
            text-decoration: none;
            font-size: 20px;
            color:#545454;
            background-color: #DADADA;
        }

    </style>
</head>

<body>
<div class="box">

    <div class="top">
        <img th:src="@{img/教室管理1.png}" alt align="left"/>
        <p>广州科技职业技术大学教室管理系统</p>
        <a th:href="@{/}">首页</a>
        <a th:href="@{/students}">学生</a>
        <a th:href="@{/classrooms}">教室</a>

    </div>


    <div class="centre">
<h2 align="center">公告栏</h2>
    </div>

    <div class="contre2">
        <div class="a1">
            <img th:src="@{img/申请.png}" alt align="left"/>
            <!--		<input type="text" placeholder="学生申请" autofocus/>-->
            <p>学生申请</p>
        </div>
        <div class="content">
            <table align="center">
                <tr>
                    <th>学生姓名</th>
                    <th>电话号码</th>
                    <th>专业名称</th>
                    <th>操作</th>
                </tr>
                <tr th:each="aStudent : ${students}">
                    <th th:text="${aStudent.name}"></th>
                    <th th:text="${aStudent.phoneNum}"></th>
                    <th th:text="${aStudent.profession}"></th>
                    <th><a class="btn btn-sm btn-primary" th:href="@{students/del/}+${aStudent.getStudentId()}">刪除</a></th>

                </tr>
            </table>

<!--            <input type="hidden" name="_csrf" th:value="${_csrf.token}" />-->
            <a th:href="@{/students/new}" class="btn btn-primary btn-sm mb-3">申请学生</a>
        </div>
    </div>

</div>
</body>
</html>
